<#import "../tpl/pageTep.ftl" as page>
<@page.pageBase currentMenu="客户管理">
<div class="xm-product">
    <div class="row">
        <div class="panel">
            <div class="panel-header">
                <a href="${basepath}/rest/manage/customer/toList">返回上一级</a>
            </div>
            <div class="panel-body demo-content">
                <form id="editForm" class="form-horizontal" action="${basepath}/rest/manage/customer/updateJson"
                      method="post">
                    <input type="hidden" name="id" value="${e.id!}">
                    <div class="control-group">
                        <label class="control-label">
                            <s>*</s>
                            客户名称：
                        </label>

                        <div class="controls">

                            <input type="text" class="control-text span-width span8" name="name" placeholder="请填写客户名称"
                                   data-rules="{required : true}" value="${e.name!}">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">
                            <s>*</s>
                            所在区域：
                        </label>
                        <div class="controls bui-form-group-select" data-type="city">
                            <select class="input-small"  name="province" id="province" value="${e.province!}"></select>&nbsp;&nbsp;
                            <select class="input-small" name="city" id="city" value="${e.city!}"></select>&nbsp;&nbsp;
                            <select class="input-small" name="area" id="area" value="${e.area!}"></select>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">
                            <s>*</s>
                            客户地址：
                        </label>

                        <div class="controls">

                            <input type="text" class="control-text span-width span8" name="address"
                                   placeholder="请填写客户地址"
                                   data-rules="{required : true}" value="${e.address!}">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">
                            <s>*</s>
                            客户级别：
                        </label>
                        <div class="controls bui-form-group-select">
                            <select class="input-small" name="level" id="level">
                                <option value="一般">一般</option>
                                <option value="重要">重要</option>
                                <option value="非常重要">非常重要</option>
                            </select>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">
                            客户来源：
                        </label>

                        <div class="controls">
                            <input type="text" class="control-text span-width span8" name="source" placeholder="请填写客户来源" value="${e.source!}">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">
                            <s>*</s>
                            负责人：
                        </label>

                        <div class="controls">
                            <input type="text" class="control-text span-width span8" name="linkman" placeholder="请填写负责人"
                                   data-rules="{required : true}" value="${e.linkman!}">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">
                            <s>*</s>
                            联系电话：
                        </label>
                        <div class="controls">
                            <input type="text" class="control-text span-width span8" name="linkPhone"
                                   placeholder="请填写联系电话"
                                   data-rules="{required : true}" value="${e.linkPhone!}" id="phone" onblur="upperCase()">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">
                            <s>*</s>
                            客户类别：
                        </label>
                        <div class="controls bui-form-group-select">
                            <select class="input-small" name="firstCustomerCategory" id="customerCategory">
                                <option value="请选择类型">请选择类型</option>
                                <option value="政府部门">政府部门</option>
                                <option value="科研院校">科研院校</option>
                                <option value="环评单位">环评单位</option>
                                <option value="其他事业单位">其他事业单位</option>
                                <option value="环保公司">环保公司</option>
                                <option value="企业">企业</option>
                                <option value="零售业">零售业</option>
                                <option value="其他">其他</option>

                            </select>&nbsp;&nbsp;
                            <select class="input-small" name="secondCustomerCategory" id="secondCategory">
                            </select>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">
                            所属行业：
                        </label>
                        <div class="controls bui-form-group-select">
                            <input type="text" class="control-text span-width span8" name="industry"
                                   placeholder="请填写所属行业" value="${e.industry!}">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">
                            服务类别：
                        </label>
                        <div class="controls bui-form-group-select">
                            <select class="input-small" name="serviceCategory" id="serviceCategory">
                                <option value="请选择类型">请选择类型</option>
                                <option value="环测监测">环测监测</option>
                                <option value="验收监测">验收监测</option>
                                <option value="企业自检">企业自检</option>
                                <option value="政府采购">政府采购</option>
                            </select>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">
                            备注说明：
                        </label>
                        <div class="controls  control-row-auto">
                            <textarea  name="remark" placeholder="请输入内容"
                                      style="width: 400px;">${e.remark!}</textarea>
                        </div>
                    </div>
                    <div class="centered">
                        <button type="submit" class="button  button-large  button-success">保存</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script src="https://g.alicdn.com/bui/bui/1.1.21/bui.js"></script>
<script type="text/javascript">
    var editForm = new BUI.Form.Form({
        srcNode: '#editForm',
        submitType: 'ajax',
        callback: function (data) {
            if (data.success == true) {
                window.location.href = "/rest/manage/customer/toList"
            } else {
                BUI.Message.Alert(data.message, 'error');
                return;
            }
        }
    }).render();
    //判断是否填写手机号码错误
    function upperCase()
    {
        var phone = document.getElementById('phone').value;
        if(!(/^1[34578]\d{9}$/.test(phone))){
            BUI.Message.Alert("手机号码有误，请重填", 'error');
            return false;

        }
    }
    /*****************************************************服务类别塞值*****************************************************/
    $("#serviceCategory").val("${e.serviceCategory!}");
    $("#level").val("${e.level!}");//渲染客户类别的值
    /*****************************************************客户类别的方法*****************************************************/
    var type = "", html = "";//全局变量声明客户类别一级的类型
    $("#customerCategory").val("${e.firstCustomerCategory!}");//渲染客户类别的值
    type = "${e.firstCustomerCategory!}";
    queryCategory();
    $("#secondCategory").val("${e.secondCustomerCategory!}");
    //点击客户类别一级时，对应想似的数据
    $("#customerCategory").change(function () {
        type = $(this).val();
        queryCategory();
    });
    function queryCategory() {
        switch (type) {
            case '政府部门':
                html = "<option value='环保部门'>环保部门</option><option value='监测部门'>监测部门</option>" +
                        "<option value='水利部门'>水利部门</option><option value='农业部门'>农业部门</option>" +
                        "<option value='林业部门'>林业部门</option><option value='渔业部门'>渔业部门</option>" +
                        "<option value='工商部门'>工商部门</option><option value='食药部门'>食药部门</option>" +
                        "<option value='人民政府'>人民政府</option><option value='食安办'>食安办</option>" +
                        "<option value='食品协会'>食品协会</option><option value='绿色食品部门'>绿色食品部门</option>" +
                        "<option value='无公害食品部门'>无公害食品部门</option><option value='其他'>其他</option>";
                $("#secondCategory").html(html);
                break;
            case '科研院校':
                html = "<option value='985'>985</option><option value='211'>211</option>" +
                        "<option value='一般本科'>一般本科</option><option value='大专院校'>大专院校</option>" +
                        "<option value='中小学'>中小学</option><option value='幼儿园'>幼儿园</option>" +
                        "<option value='其他'>其他</option>";
                $("#secondCategory").html(html);
                break;
            case '环评单位':
                html = "<option value='甲级'>甲级</option><option value='乙级'>乙级</option>";
                $("#secondCategory").html(html);
                break;
            case '其他事业单位':
                html = "<option value='档案局'>档案局</option><option value='房地产'>房地产</option>" +
                        "<option value='海事局'>海事局</option><option value='医院'>医院</option>" +
                        "<option value='高速公路'>高速公路</option><option value='社区服务'>社区服务</option>" +
                        "<option value='城市规划'>城市规划</option><option value='加油站'>加油站</option>" +
                        "<option value='地质局'>地质局</option><option value='城市排水'>城市排水</option>" +
                        "<option value='检测行业'>检测行业</option><option value='派出所'>派出所</option>" +
                        "<option value='其他'>其他</option>";
                $("#secondCategory").html(html);
                break;
            case '环保公司':
                html = "<option value='其他企业'>其他企业</option><option value='高新企业'>高新企业</option>" +
                        "<option value='上市公司'>上市公司</option><option value='世界500强'>世界500强</option>";
                $("#secondCategory").html(html);
                break;
            case '企业':
                html = "<option value='世界500强'>世界500强</option><option value='上市公司'>上市公司</option>" +
                        "<option value='高新企业'>高新企业</option><option value='国控'>国控</option>" +
                        "<option value='省控'>省控</option><option value='其他'>其他</option>" +
                        "<option value='同行'>同行</option>";
                $("#secondCategory").html(html);
                break;
            case '零售业':
                html = "<option value='商城超市'>商城超市</option><option value='批发市场'>批发市场</option>" +
                        "<option value='连锁餐饮'>连锁餐饮</option><option value='其他'>其他</option>";
                $("#secondCategory").html(html);
                break;
            case '其他':
                html = "<option value='企业'>企业</option><option value='食药局'>食药局</option>" +
                        "<option value='首次接触'>首次接触</option><option value='其他企业'>其他企业</option>";
                $("#secondCategory").html(html);
                break;

        }
    }
</script>

</@page.pageBase>
